<!DOCTYPE html>
<html lang="zh-CN">

<head>
	<meta charset="UTF-8" />
	<meta name="renderer" content="webkit" />
	<meta name="force-rendering" content="webkit" />
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
	<!-- IE11以下版本或使用该内核的浏览器，提示升级浏览器 -->
	<script>
		/*@cc_on document.write('\x3Cscript id="_iealwn_js" src="https://support.dmeng.net/ie-alert-warning/latest.js">\x3C/script>'); @*/
	</script>
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no, viewport-fit=cover" />
	<!-- <meta name="viewport" content="width=1920"> -->
	<meta name="format-detection" content="telephone=no" />

	<title>Archer of sin</title>
	<!-- logo.ico小图标 -->
	<!-- <link rel="shortcut icon" href="images/logo.ico"> -->

	<!-- 字体/图标 -->
	<!-- <link rel="stylesheet" href="fonts/fonts.css"> -->
	<link rel="stylesheet" href="__ROOT__/static/public/layui/css/layui.css" />
	<link href="__ROOT__/static/css/animate.css">

	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
	<!-- Swiper 7.4.1 -->
	<link rel="stylesheet" href="__ROOT__/static/public/swiper/css/swiper-bundle.min.css" />

	<!-- 核心样式 -->
	<link rel="stylesheet" href="__ROOT__/static/css/bootstrap.min.css" />
	<link rel="stylesheet" href="__ROOT__/static/css/css.css" />

	<!-- 核心jquery -->
	<script src="__ROOT__/static/js/jquery-3.5.1.min.js"></script>
	<script src="__ROOT__/static/js/wow.min.js"></script>
    {block name="styles"}{/block}
</head>

<body class="tr-null">
	<!-- header -->
	<header>
		<!-- 顶部 -->
		<!-- 导航 -->
		<div class="header float-left tr-null ">
			<div class="container">
				<ul class="nav tr-null">
					<li>
						<a lay-on="menu">
							<img class="tr-null" src="__ROOT__/static/images/menu.png" />
							<span>menu</span>
						</a>
					</li>
					<li>
						<a class="search" lay-on="search_dialog">
							<img class="tr-null" src="__ROOT__/static/images/search.png" />
							<span>search for</span>
						</a>
					</li>
					<li>

					</li>
				</ul>
				<li class="logo">
					<a href="/index.html">
						<img src="__ROOT__/static/images/logo.png" />
					</a>
				</li>
				<ul class="nav tr-null">


					<li>
						<a href="/collect.html">
							<img class="tr-null" src="__ROOT__/static/images/collect.png" />
							<span>collect</span>
						</a>
					</li>
					<li>
						<a href="/shopping-cart.html">
							<img class="tr-null" src="__ROOT__/static/images/shopping-gart.png" />
							<span>shopping cart</span>
						</a>
					</li>
					<li>
						<a href="/personal-info.html">
							<img class="tr-null" src="__ROOT__/static/images/personal-genter.png" />
							<span>personal genter</span>
						</a>
					</li>
				</ul>
				<!-- 手机菜单按钮 -->
				<div class="menu-button float-right hidden-lg hidden-md">
					<span></span>
					<span></span>
					<span></span>
				</div>
			</div>
		</div>
	</header>

	<!-- main -->

    {block name="body"}{/block}

	
	<!-- footer -->
	<footer>
		<div class="container">
			<div class="footer hidden-xs">
				<div class="footer-right">
					<div class="footer-item">
						<a href="/company.html">
							Company
						</a>
						<ul>
							<li><a href="/company.html">about us</a></li>
							<li><a href="/company.html#career">career</a></li>
							<li><a href="/company.html#futrre">futrre plan</a></li>
							<li><a href="/company.html#collaboration">collaboration</a></li>
						</ul>
					</div>
					<div class="footer-item">
						<a href="/help.html">
							Help
						</a>
						<ul>
							<li><a href="/help.html#">customer service</a></li>
							<li><a href="/help.html#Shippuing">Shippuing information</a></li>
							<li><a href="/help.html#Reture">Reture policy</a></li>
							<li><a href="/help.html#insurcame">insurcame polily</a></li>
							<li><a href="/help.html#track">track my order</a></li>
							<li><a href="/help.html#payment">payment</a></li>
						</ul>
					</div>
					<div class="footer-item">
						<a href="/subscription.html">
							Subsaription
						</a>
						<ul>
							<li><a href="/subscription.html#how1">how does subscription work</a></li>
							<li><a href="/subscription.html#subscribe">subscribe</a></li>
							<li><a href="/subscription.html#cancel">cancel subscription</a></li>
						</ul>
					</div>
				</div>
				<div class="footer-left">
					<h1>Join us to get 15% off your email:</h1>
					<form class="layui-form footer_form">
						<div class="input">
							<input type="text" />
							<button>Send</button>
						</div>
						<div>
							<input type="checkbox" name="AAA" title="I accept term and condition." />
						</div>
					</form>
					<div class="footer-icons">
						<a href="#">
							<img src="__ROOT__/static/images/footer-icon1.png" alt="" />
						</a>
						<a href="#">
							<img src="__ROOT__/static/images/footer-icon2.png" alt="" />
						</a>
						<a href="#">
							<img src="__ROOT__/static/images/footer-icon3.png" alt="" />
						</a>
						<a href="#">
							<img src="__ROOT__/static/images/footer-icon4.png" alt="" />
						</a>
						<a href="#">
							<img src="__ROOT__/static/images/footer-icon5.png" alt="" />
						</a>
						<a href="#">
							<img src="__ROOT__/static/images/footer-icon6.png" alt="" />
						</a>
						<a href="#">
							<img src="__ROOT__/static/images/footer-icon7.png" alt="" />
						</a>
					</div>
					<a href="/" class="footer-logo"><img src="__ROOT__/static/images/logo.png" /></a>
				</div>
			</div>
		</div>
	</footer>

	<!-- Swiper Swiper 7.4.1 -->
	<script src="__ROOT__/static/public/swiper/js/swiper-bundle.min.js"></script>

	<!-- public -->
	<script src="__ROOT__/static/js/public.js"></script>
	<script src="__ROOT__/static/js/index.js"></script>

	<!-- layui.js -->
	<script src="__ROOT__/static/public/layui/layui.js"></script>
	<script src="__ROOT__/static/index.js"></script>
	<script>
		// Usage
		layui.use(["form"], function () {
			var form = layui.form;
			var layer = layui.layer;
			var dropdown = layui.dropdown;
			dropdown.render({
			elem: $(document).find('[lay-on="menu"]'),
			className: 'menu-drop',
			data: [{
				title: 'Category',
				id: 66,
				type: 'group',
				isSpreadItem: false,
				
				child: {$cates_json|raw}
			}, {
				title: 'Collect',
				id: 66,
				type: 'group',
				href: '/'
			}, {
				title: 'Shopping chart',
				id: 66,
				type: 'group',
				href: '/shopping-cart'
			},
			{
				title: 'Personal center',
				id: 66,
				type: 'group',
				isSpreadItem: false,
				child: [{
					title: 'View All Purchase',
					id: 777,
				}, {
					title: 'My Sizes',
					id: 7777,
				}, {
					title: 'Cancel Subscription',
					id: 77777,
				}, {
					title: 'Payments',
					id: 77777,
				}, {
					title: 'Change Password',
					id: 77777,
				}]
			},
			{
				title: 'Subscription',
				id: 66,
				type: 'group',
				isSpreadItem: false,
				child: [{
					title: 'How does Subscription work',
					id: 777,
					href: '/subsaription.html#how1'
				}, {
					title: 'Subscription',
					id: 7777,
					href: '/subsaription.html#subscribe'
				}, {
					title: 'Cancel Subscription',
					id: 77777,
					href: '/subsaription.html#cancel'
				}]
			},
			{
				title: 'Company',
				id: 66,
				type: 'group',
				isSpreadItem: false,
				child: [{
					title: 'About Us',
					id: 777,
					href: '/company.html'
				}, {
					title: 'Career',
					id: 7777,
					href: '/company.html#career'
				}, {
					title: 'Future Plan',
					id: 77777,
					href: '/company.html#futrre'
				}, {
					title: 'Collaboration',
					id: 77777,
					href: '/company.html#collaboration'
				}]
			}, {
				title: 'Help',
				id: 66,
				type: 'group',
				href: '/help.html'
			}, {
				title: 'Sign Out',
				id: 66,
				type: 'group',
			}
			],

			// trigger: 'click' // trigger 已配置在元素 `lay-options` 属性上
			click: function (obj) {
				this.elem.find('.text1').text(obj.title);
			}
		})
		});

		var wow = new WOW({
			boxClass: 'wow',
			animateClass: 'animate__animated',
			offset: 0,
			mobile: true,
			live: true
		})
		wow.init();
	</script>
    {block name='js'}{/block}
</body>

</html>